<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="time">2019-9-9</div>
    <script>
        /* 
        js基础语法，Dom Bom.
        Dom: 文档对象模型 Document Object Model
             系统提供了一些接口，可以动态地改变网页的样式和内容

        Dom树
          文档： document ，一个网页就是一个文档
          元素： element 网页中所有所有标签都是元素
          节点： node网页中所有的内容都是节点。 比如： 标签、属性、文本、注释
        */

        /* 
        getElementById:
            输入：id
            处理：获取id
            输出：对象


            总结：
                    1.id对大小写敏感
                    2.返回值是一个对象
                    3.小驼峰
                    4.script书写顺序
        */

        let div = document.getElementById('time');
        console.log(div);
        console.dir(div);
        console.log(typeof div);
        console.log(div instanceof Object);
    </script>
</body>

</html>